<extend name="Base/index"/>

<block name="body">
    <div id="banner_tabs" class="flexslider">
        <ul class="slides">
            <volist name="plists" id="vo">
                <li>
                    <a title="" target="_blank" href="{$vo.url}">
                        <img width="100%" height="449" alt="" style="background: url({$vo.path}) no-repeat center;">
                    </a>
                </li>
            </volist>

        </ul>
        <ul class="flex-direction-nav">
            <li><a class="flex-prev" href="javascript:;">Previous</a></li>
            <li><a class="flex-next" href="javascript:;">Next</a></li>
        </ul>
        <ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
            <li><a>1</a></li>
            <li><a>2</a></li>
            <li><a>2</a></li>
        </ol>
    </div>
    <script type="text/javascript" src="PUBLIC/Home/js/slider.js"></script>

    <!--内容-->
    <div id="content">
        <div class="wrapper">
            <!--第一屏-->
            <div class="con_nav">
                <ul>
                    <li>
                        <a href="{:U('Article/index?category=News')}">
                            <div class="con_nav_Img"> <img src="PUBLIC/Home/images/index_13.png" alt=""/></div>
                            <div class="con_nav_text">
                                <h3>新闻资讯</h3>
                                <p>及时更新资讯，信息化管理</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Article/lists?category=zhengcefagui')}">
                            <div class="con_nav_Img"> <img src="PUBLIC/Home/images/index_08.png" alt=""/></div>
                            <div class="con_nav_text">
                                <h3>政策法规</h3>
                                <p>处理党内和政府事务工作..</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Article/lists?category=huiyuan')}">
                            <div class="con_nav_Img"> <img src="PUBLIC/Home/images/index_16.png" alt=""/></div>
                            <div class="con_nav_text">
                                <h3>会员风采</h3>
                                <p>本会的宗旨是服务会员...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Article/lists?category=ruhui')}">
                            <div class="con_nav_Img"> <img src="PUBLIC/Home/images/index_17.png" alt=""/></div>
                            <div class="con_nav_text">
                                <h3>入会须知</h3>
                                <p>提交入会申请表...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Article/lists?category=rencai')}">
                            <div class="con_nav_Img"> <img src="PUBLIC/Home/images/index_22.png" alt=""/></div>
                            <div class="con_nav_text">
                                <h3>人才供求</h3>
                                <p>人力资本是企业的核心竞争力</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Article/lists?category=kexuefanglei')}">
                            <div class="con_nav_Img"> <img src="PUBLIC/Home/images/index_24.png" alt=""/></div>
                            <div class="con_nav_text">
                                <h3>科学防雷</h3>
                                <p>树立忧患意识，学会趋势..</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Article/index?category=Professor')}">
                            <div class="con_nav_Img"> <img src="PUBLIC/Home/images/index_30.png" alt=""/></div>
                            <div class="con_nav_text">
                                <h3>专家库</h3>
                                <p>评标专家专业分类标准...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Article/index?category=Information')}">
                            <div class="con_nav_Img"> <img src="PUBLIC/Home/images/index_27.png" alt=""/></div>
                            <div class="con_nav_text">
                                <h3>信息公开</h3>
                                <p>及时更新资讯，信息化管理</p>
                            </div>
                        </a>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
            <div class="con_two">
                <!--新闻-->
                <div class="news">
                    <h2>新闻资讯<span>News</span></h2>
                    <div class="news_time"><a href="{:U('Article/index?category=News')}"> 更多>></a> </div>
                    <ul>
                        <article:list name="list" category="39" child="true" row="3">
                            <li>
                                <a href="{:U('Article/detail?id='.$list['id'])}">
                                    <div class="news_Img"><img src="PUBLIC/Home/images/index_37.png" alt=""/></div>
                                    <div class="news_Text">
                                        <div class="time">{$list.create_time|time_format}</div>
                                        <h3>{$list.description}</h3>
                                    </div>
                                </a>
                            </li>
                        </article:list>
                        <div class="clear"></div>
                    </ul>
                </div>
                <!--协会会员-->
                <div class="four_right">
                    <div class="right_tab">
                        <ul>
                            <li id="three1" onclick="setTab('three',1,3)" class="now">协会会员   </li>
                            <li id="three2" onclick="setTab('three',2,3)">  解决方案</li>
                            <li id="three3" onclick="setTab('three',3,3)"> 产品推荐  </li>
                        </ul>
                    </div>
                    <div class="right_con">
                        <!--协会会员-->
                        <div class="right_con_on" id="three_con1" style="display: block">
                            <div class="more"><a href="{:U('Article/lists?category=huiyuan')}">更多>> </a> </div>
                            <div class="association">
                                <div class="association_one">
                                    <marquee direction="up">
                                        <ul>
                                            <li>深圳市防雷中心</li>
                                            <li> 深圳市气象服务有限公司</li>
                                            <li> ABB（中国）有限公司深圳分公司</li>
                                            <li> 深圳市气象服务有限公司</li>
                                            <li> ABB（中国）有限公司深圳分公司</li>
                                            <li> 深圳市气象服务有限公司</li>
                                            <li> ABB（中国）有限公司深圳分公司</li>
                                            <li> 深圳市科锐技术有限公司</li>
                                        </ul>
                                    </marquee>
                                </div>
                                <div class="association_two">
                                    <h4>会员风采</h4>
                                    <div class="Member_style">
                                        <ul>
                                            <li>
                                                <img src="PUBLIC/Home/images/index_41.png" alt=""/>
                                                <p>    与政府同步 与会员同心  ——访深圳市防雷协会会长刘元昌先生
                                                    近日，本刊记者前往深圳调研，专程拜访了深圳市防雷协会会长刘元昌先生。<br/>
                                                    在人们普遍的印象中，大多数行业协会的会长都是领导挂名、秘书长挂帅，而深圳市防雷协会刘元昌会长却是实实在在的坐镇担当....
                                                </p>
                                                <div class="clear"></div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--解决方案-->
                        <div class="right_con_on" id="three_con2">
                            <div class="more"><a href="{:U('Article/index?category=jiejue')}">更多>> </a> </div>
                            <div class="association">
                                <div class="association_one">
                                    <ul>
                                        <li>深圳市防雷中心</li>
                                        <li> 深圳市气象服务有限公司</li>
                                        <li> ABB（中国）有限公司深圳分公司</li>
                                        <li> 深圳市科锐技术有限公司</li>
                                        <li> ABB（中国）有限公司深圳分公司</li>
                                        <li> 深圳市科锐技术有限公司</li>
                                        <li> ABB（中国）有限公司深圳分公司</li>
                                        <li> 深圳市科锐技术有限公司</li>
                                    </ul>
                                </div>
                                <div class="association_two">
                                    <h4>会员风采</h4>
                                    <div class="Member_style">
                                        <ul>
                                            <li>
                                                <img src="PUBLIC/Home/images/index_41.png" alt=""/>
                                                <p>    与政府同步 与会员同心  ——访深圳市防雷协会会长刘元昌先生
                                                    近日，本刊记者前往深圳调研，专程拜访了深圳市防雷协会会长刘元昌先生。<br/>
                                                    在人们普遍的印象中，大多数行业协会的会长都是领导挂名、秘书长挂帅，而深圳市防雷协会刘元昌会长却是实实在在的坐镇担当....
                                                </p>
                                                <div class="clear"></div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--产品推荐-->
                        <div class="right_con_on" id="three_con3">
                            <div class="more"><a href="{:U('Article/index?category=chanpin')}">更多>> </a> </div>
                            <div class="association">
                                <div class="association_one">
                                    <ul>
                                        <li>深圳市防雷中心</li>
                                        <li> 深圳市气象服务有限公司</li>
                                        <li> ABB（中国）有限公司深圳分公司</li>
                                        <li> 深圳市科锐技术有限公司</li>
                                        <li> ABB（中国）有限公司深圳分公司</li>
                                        <li> 深圳市科锐技术有限公司</li>
                                    </ul>
                                </div>
                                <div class="association_two">
                                    <h4>会员风采</h4>
                                    <div class="Member_style">
                                        <ul>
                                            <li>
                                                <img src="PUBLIC/Home/images/index_41.png" alt=""/>
                                                <p>    与政府同步 与会员同心  ——访深圳市防雷协会会长刘元昌先生
                                                    近日，本刊记者前往深圳调研，专程拜访了深圳市防雷协会会长刘元昌先生。<br/>
                                                    在人们普遍的印象中，大多数行业协会的会长都是领导挂名、秘书长挂帅，而深圳市防雷协会刘元昌会长却是实实在在的坐镇担当....
                                                </p>
                                                <div class="clear"></div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="con_three"><img src="PUBLIC/Home/images/index_45.png" alt=""/></div>
            <div class="con_four">
                <div class="four_left">
                    <div class="left_tab">
                        <ul>
                            <li id="one1" onclick="setTab('one',1,3)" class="now">培训服务</li>
                            <li id="one2" onclick="setTab('one',2,3)">人才供求</li>
                            <li id="one3" onclick="setTab('one',3,3)">专家库</li>
                        </ul>
                    </div>
                    <div class="left_con">
                        <!--培训服务-->
                        <div class="left_con_on" id="one_con1" style="display: block">
                            <div class="more"><a href="{:U('Article/lists?category=peixun')}">更多>> </a> </div>
                            <ul>
                                <!--先找到大板块下的数据，再判断小板块-->
                                <article:list name="list" category="43" child="true" row="5">
                                    <if condition="$list.category_id == 47 ">
                                        <li><a href="{:U('Article/detail?id='.$list['id'])}">{$list.title}</a> </li>
                                    </if>
                                </article:list>
                            </ul>
                        </div>
                        <!--人才供求-->
                        <div class="left_con_on" id="one_con2">
                            <div class="more"><a href="{:U('Article/lists?category=rencai')}">更多>> </a> </div>
                            <ul>
                                <article:list name="list" category="43" child="true" row="5">
                                    <if condition="$list.category_id == 48 ">
                                        <li><a href="{:U('Article/detail?id='.$list['id'])}">{$list.title}</a> </li>
                                    </if>
                                </article:list>
                            </ul>
                        </div>
                        <!--专家库-->
                        <div class="left_con_on" id="one_con3">
                            <div class="more"><a href="{:U('Article/index?category=Professor')}">更多>> </a> </div>
                            <ul>
                                <article:list name="list" category="49" child="true" row="5">

                                        <li><a href="{:U('Article/detail?id='.$list['id'])}">{$list.title}</a> </li>

                                </article:list>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="four_right">
                    <div class="right_tab">
                        <ul>
                            <li id="two1" onclick="setTab('two',1,3)" class="now">政策法规 </li>
                            <li id="two2" onclick="setTab('two',2,3)"> 科学防雷</li>
                            <li id="two3" onclick="setTab('two',3,3)"> 雷电定位 </li>
                        </ul>
                    </div>
                    <div class="right_con">
                        <!--政策法规-->
                        <div class="right_con_on" id="two_con1" style="display: block">
                            <div class="more"><a href="{:U('Article/index?category=Policy')}">更多>> </a> </div>
                            <ul>
                                <article:list name="list" category="50" child="true" row="5">
                                    <if condition="$list.category_id == 54 ">
                                        <li><a href="{:U('Article/detail?id='.$list['id'])}">{$list.title}</a> </li>
                                    </if>
                                </article:list>
                            </ul>
                        </div>
                        <!--科学防雷-->
                        <div class="right_con_on" id="two_con2">
                            <div class="more"><a href="{:U('Article/index?category=kexuefanglei')}">更多>> </a> </div>
                            <ul>
                                <article:list name="list" category="50" child="true" row="5">
                                    <if condition="$list.category_id == 55 ">
                                        <li><a href="{:U('Article/detail?id='.$list['id'])}">{$list.title}</a> </li>
                                    </if>
                                </article:list>
                            </ul>
                        </div>
                        <!--政策法规-->
                        <div class="right_con_on" id="two_con3">
                            <div class="more"><a href="{:U('Article/index?category=kexuefanglei')}">更多>> </a> </div>
                            <ul>
                                <article:list name="list" category="50" child="true" row="5">
                                    <if condition="$list.category_id == 54 ">
                                        <li><a href="{:U('Article/detail?id='.$list['id'])}">{$list.title}</a> </li>
                                    </if>
                                </article:list>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--品牌展示-->
            <div class="brand">
                <div class="wrapper">
                    <div class="title_left">品牌展示<span>Brand show</span></div>
                    <div class="space_scroll">
                        <div class="scroll-img">
                            <ul>
                                <li><a href="javascript:void(0);"><img src="PUBLIC/Home/images/case.jpg"></a></li>
                                <li><a href="javascript:void(0);"><img src="PUBLIC/Home/images/index_56.png"></a></li>
                                <li><a href="javascript:void(0);"><img src="PUBLIC/Home/images/case.jpg"></a></li>
                                <li><a href="javascript:void(0);"><img src="PUBLIC/Home/images/index_56.png"></a></li>
                                <li><a href="javascript:void(0);"><img src="PUBLIC/Home/images/case.jpg"></a></li>
                                <li><a href="javascript:void(0);"><img src="PUBLIC/Home/images/index_56.png"></a></li>
                                <li><a href="javascript:void(0);"><img src="PUBLIC/Home/images/case.jpg"></a></li>
                                <li><a href="javascript:void(0);"><img src="PUBLIC/Home/images/index_56.png"></a></li>
                            </ul>
                        </div>
                        <div class="index_btn">
                            <div class="btn_l"></div>
                            <div class="btn_r"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</block>
